<template>
    <custom-navbar title="求职隐私保护" :auto-back="true" left-icon-color="#303133" />
    <search-bar />
    <view class="px-[24rpx] bg-#fff">
        <u-checkbox-group v-model="privacy">
            <view v-for="(item, index) in privacyList" :key="index"
                class="w-100% py-40rpx px-24rpx  bg-#fff flex items-center mb-[24rpx]"
                style="border-bottom: 1px solid #ebebeb;"
                >
                <view>
                    <u-checkbox activeColor="#1F50F2" :label="item.label" :name="item.label"></u-checkbox>
                </view>
            </view>
        </u-checkbox-group>
    </view>
    <view class="fixed bottom-0 h-178rpx w-[100%] bg-#fff shadow-[0px_0px_12px_0px_rgba(238,239,241,0.50)]">
        <view @click="addPrivacy"
            class="mx-auto my-0 mt-[24rpx] h-82rpx w-[90%] rounded-[42rpx] bg-#1f50f2 text-center text-[30rpx] text-white font-medium leading-[82rpx]">
            屏蔽所选公司
        </view>
    </view>
</template>
<script setup>
const privacy = reactive('滴滴科技（北京）有限公司')
let privacyList = reactive([
    {
        label: '滴滴科技（北京）有限公司',
        code: 1,
        checked: false
    },
    {
        label: '滴滴科技（北京）有限公司1',
        code: 1,
        checked: true
    }
])
const addPrivacy = () => {
    debugger
}
</script>